<style>
   blockquote, body, button, code, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    i{
        font-style: normal;
    }
    a {
        text-decoration: none;
    }
    li{
        list-style: none;
    }
    .rightSider{
        position: fixed;
        right: 0;
        top: 0;
        z-index: 999;
        width: 36px;
        height: 100%;
        font-family: "Microsoft YaHei";
    }
    .sider-nav{
        position: relative;
        z-index: 101;
        height: 100%;
        background-color: #262626;
    }
    .sider-nav .sider-head{
        margin-top: -250px;
        height: 400px;
        position: absolute;
        top: 50%;
        right: 0;
    }
    .siderList .sider-item{
        margin-bottom: 2px;   
    }
    .siderList .sider-item-my{
        line-height: 1.8;
        position: relative;
        width: 36px;
        margin-bottom: 8px;
        text-align: center;
        cursor: pointer
    }
    .sider-item-my-con{
        padding: 8px 0 6px;
    }
    .i-my{
        position: absolute;
        display: block;
        width: 36px;
        font-size: 26px;
    }
    .vipSidebarFont{
        font-family: vipSidebarFont;
        font-size: 24px;
        line-height: 18px;
        color: #fff;
    }
    .i-my-name{
        font-size: 12px;
        color: #fff;
        margin-top: 30px;
        display: inline-block;
    }
    .cart-box{
        background-color: #df147f;
        color: #fff;
        margin-top:15px;
    }
    .i-cart-img{
        border-top: 1px solid #df147f;
        background-position: -80px -129px;
        background-color: #df147f;
        color: #fff;
    }
    .i-cart-name{
        margin: 0 auto;
        width: 14px;
        line-height: 18px;
        font-size: 14px;
        color: #fff;
    }
    #i_cart_num{
        background-position: -230px -59px;
        color: #f10983;
        border-bottom: 1px solid #000
    }
    .i_sbar_cart_count{
        margin: 5px auto 0;
        line-height: 22px;
        border-bottom: 1px solid #4c4c4c;
        text-align: center;
        background-image: url(//shop.vipstatic.com/img/common/sidebar/sprite-hash-c9455e5d.png?229b6dc3);
        background-position: -230px -87px;
        width: 20px;
        height: 24px;
        background-repeat: no-repeat;
        color: #fff;
        padding-bottom: 15px;
        position: relative;
        bottom: -1px;
        display: inline-block;
    }

</style>
<template>
    <div>
        <div class="rightSider">
            <div class="sider-nav">
                <div class="sider-head">
                    <ul class="siderList">
                        <li class="sider-item sider-item-my">
                            <i class="i-my vipSidebarFont">
                                <img src="../../public/img/icons/我的 (6).png" alt="" style="width: 32px;height:32px;">
                            </i>
                            <i class="i-my-name ">账号</i>
                            <!-- 购物车 -->
                            <div class="cart-box">
                                <i class="i-cart-img vipSidebarFont">
                                    <img src="../../public/img/icons/购物袋.png" alt="" style="width: 28px;height:28px;">
                                </i>
                                <p class="i-cart-name">购物袋</p>
                                <i id="i_cart_num" class="i_sbar_cart_count i-sidebarcom-nub">0</i>
                            </div>
                            <div id="J_asset" style="width: 32px;height:32px;">
                                <i class="i-aset-img vipSidebarFont">
                                    <img src="" alt="">
                                </i>
                                <p class="a-aset-name">我的优惠券</p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="sider-content">
                    
                </div>
            </div>
        </div>
    </div>
</template>
<script>
</script>